<template>
  <xdh-layout
    :fixed="true"
    class="frame-layout"
    :south="false"
    :east="false">
    <top-header slot="north" :show-title="true"></top-header>

    <iframe :src="url" frameborder="0" style="width: 100%; height: 100%"></iframe>

  </xdh-layout>
</template>


<script>
  import XdhLayout from '@/widgets/xdh-layout'
  import TopHeader from './top-header.vue'

  export default {
    components: {
      XdhLayout,
      TopHeader
    },
    data() {
      return {
        url: this.$route.params.url
      }
    },
    watch: {
      '$route'(val) {
        this.url = val.params.url
      }
    }
  }
</script>

<style scoped>

</style>
